body{

    width: 100%;

}

.mimage0{
width:600px !important;
height: 250px !important;
border-color: aqua !important;
border-style: solid;
}
.mimage{
width: 280px !important;
height:200px !important;
position: absolute;
top: 0;
left: 0;
border-color: aqua !important;
border-style: solid;

}

.pics img:hover{
transform: scale(1.2);
transition-duration: .3s;

}


.pics{

width: 280px;
height: 200px;
overflow: hidden;
}

h2,h5{
    font-family: American Typewriter, serif;
    color: greenyellow;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.roof{

    height:20px !important;
    width: 100%;

}
.badge{

    font-size: 16px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: aqua;
    font-weight: 400 !important;
}
h2{

    font-size: 70px;

}

.align-middle{

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.slogan{

    font-family: fantasy !important;
    font-weight: 900 !important;
}
h4{
color: aqua;
margin-top: 0 !important;
    margin-bottom: 0 !important;

}
.fa{
    color: greenyellow;
    size: 20px !important;
}